::selection{ background:#d99d34; color:#fff; } 
::-moz-selection{ background:#d99d34; color:#fff; } 
::-webkit-selection{ background:#d99d34; color:#fff; } 
img{ max-width: none;}
nav{  background:#5ba783;position:fixed; z-index:9999; width: 100%; left: 0; top: 0;  }
	nav .lft{ margin-top: 10px; color: #fff; height:70px; font-size: 18px; display: table;}
		nav .lft img{ float: left;}
		nav .lft div{display: table-cell;vertical-align: middle; text-align: left;}
	nav .rgt{ width: 620px;}
	nav .links{ text-align: right;}
	nav .links .group,nav .links .lang{ display: inline-block;}
	nav .lang a{ display: inline-block; color: #fff;}
		nav .lang a:hover{ background-color:transparent; color:#f8ebb6;}
	.group .w:hover{ background: #f8ebb6; color: #5ba783;}
	.group .w .drop{ background: #fffae4;}
	.group a{ color: #333; margin-top: 1px;}
	.group a:hover{ background-color: #f8ebb6; color: #5ba783;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.nav{ margin:2px 0 0 70px;}
	.nav h3{ font-size:100%; font-weight:normal; font-size:16px;  }
	.nav .m{  position:relative; float:left; width:100px; margin-left:10px; display:inline; text-align:center;   }
	.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:16px; height:14px;overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5;}
	.nav h3 a{  zoom:1;  height:48px; line-height:48px;  display:block; color:#fff }
	.nav .on h3 a{ border-bottom:2px solid #d99d34;   }
	.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
	.nav .sub{ display:none; /*默认隐藏*/ width:100%; position:absolute; left:0; top:50px;  background:#fffae4;  float:left; line-height:30px;}
		.nav .many{ width: 840px; left: -520px; }
		nav .sub div{ padding: 10px 0;}
	.nav .sub a{ color:#333; display:block; zoom:1; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
		.nav .many a{ width: 120px; float: left;}
		.nav .sub a:hover{  background:#f8ebb6; }
nav form{display:inline;padding-top: 6px;}
nav input{ background: none; border: 0; height: 24px; line-height: 24px; border-bottom: 1px solid #fff; color: #fff;width: 0; display: none;}
nav .fa-search{ width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 16px; }
#ads{ margin-top: 85px;}
#ads .slideBox .hd{ right:4px; height: 50px; text-align: right;}
	#ads .slideBox .hd ul{ width: 1200px; margin: auto;}
	#ads .slideBox .hd ul li{  float: right; margin-left:6px; filter:alpha(opacity=70); opacity:0.7;  cursor:pointer; width: 84px;height: 45px; border:2px solid #fff;}
	#ads .slideBox .hd ul li img{ width:84px; height:45px;display:block;  }
	#ads .slideBox .hd ul li.on{ filter:alpha(opacity=100);opacity:1; border:2px solid #f60;}
#body{ background: url(../images/bg.jpg) repeat-x #fff; padding: 30px 0;}
a.more{text-indent: 0;  background: #537952; color: #fff; width: 55px; height: 30px; line-height: 30px; vertical-align: middle; padding-left: 15px; border-radius: 3px;}
	a.more:hover span{ text-indent: 4px;}
#quick{position: fixed; z-index: 9999999; right: 0; top:50%; margin-top: -155px;}
	#quick .lft{ background: #d99d34; padding: 20px; display: none;}
		#quick .lft a{ color: #fff; display: block; height: 40px; line-height: 40px;}
		#quick .lft div{ display: none;}
		#quick .lft img{ display: block; height: 112px;}
	#quick  .rgt a{ display: block; width: 40px; height: 40px; padding: 5px; background: #537952; color: #eee; margin-bottom: 1px; text-align: center; overflow: hidden;}
		#quick  .rgt a span{ display: block; width: 40px; height: 40px; text-align: center;line-height: 40px; font-size: 24px; margin-top: 0; transition:all 0.3s ease;}
		#quick  .rgt a i{font-style: normal; display: block; width: 40px; height: 40px; text-align: center; line-height: 1.3em; margin-top: 3px;}
		#quick .rgt  a:hover{ background: #d99d34; color: #fff;}
		#quick  .rgt a:hover span{ margin-top:-40px; transition:all 0.3s ease;}
.pages a{ background: #5ba783; color: #fff; border: 0;}
	.pages a:hover{ background: #fffae4; color: #333;}
	.pages a.current{ background: #d99d34; color: #fff;}

/*	首页	*/
.title{ height:50px; line-height: 50px; background: url(../images/icon.png) 0 -40px repeat-x; margin: 20px 0;}
	.title h2{ font-size: 30px; color: #226142; background: #fff; position: relative; width: 150px; height: 50px; margin: 0 auto; padding: 0 30px; white-space: nowrap;}
		#about .title h2{ background: url(../images/bg.jpg) 1px -52px repeat-x;}
	.title h2 span{ color: #333; font-size: 20px; position: absolute;top: 0; right: 30px; height: 20px; line-height: 20px; font-weight: normal;}
	.title h2 b{ font-size: 48px;}
#about a.lft,#about a.rgt{ width: 48%; height: 320px; position: relative; overflow: hidden;}
	#about img{ display: block; width: 100%; height: 320px;}
	#about .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 1; display: none;}
	#about  .bg h3{position: absolute; left: 0; top:-60px; width:100%;text-align: center; color: #eee; font-size: 36px;}
	#about  .bg p{position: absolute; left: 0; bottom:-40px; width: 100%; text-align: center; color: #ccc;}
	#about .desc{ padding:30px 0 0px text-indent: 2em;}
	#about .desc a{  float: right;}
.hp-tab-newprd { overflow: hidden; position: relative;}
	.hp-tab-newprd .j-sw-nav { line-height: 40px; position: relative }
	.hp-tab-newprd .j-sw-nav:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
	.hp-tab-newprd .j-sw-nav li { float: left; }
	.hp-tab-newprd .j-sw-nav li a{ display: block; padding: 0 15px;}
	.hp-tab-newprd .j-sw-nav li a:hover, .hp-tab-newprd .j-sw-nav .on a { background:#f8ebb6;}
	.hp-tab-newprd .j-sw-nav a.more{ float: right;background:#537952; color: #fff;}
	.hp-tab-newprd .j-sw-c ul{ zoom:1; overflow:hidden;}
	.hp-tab-newprd .j-sw-c li { float: left; width: 265px; height: 295px; padding: 9px; border: 1px solid #eee;  margin-right: 15px; overflow: hidden; background: #fff;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
	.hp-tab-newprd .j-sw-c li.end{ margin-right: 0;}
	.hp-tab-newprd .j-sw-c li a{ display: block;}
		.hp-tab-newprd .j-sw-c li img{ display: block; width: 265px; height: 265px;}
		.hp-tab-newprd .j-sw-c li h3{ height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-size: 14px; font-weight: normal;}
	.hp-tab-newprd .j-sw-c li:hover{ border-color: #d99d34; background: #fffae4;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#news{ background: #fcf9e8; padding: 30px 0; margin: 30px 0;}
	#news .title h2{ background: #fcf9e8;}
#news .pics{ width: 400px;}
	#news .pics img{max-width: 100%; height: 300px;}
#news .list{ width: 780px;}
	#news .li{ display: block; padding: 10px; border-bottom: 1px solid #e9e3c3;}
		#news .li h3{font-size: 16px; color: #999; height: 24px; line-height: 24px; overflow: hidden;}
			#news .li.on h3{ color: #226142;}
		#news .li p{ color: #226142; height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; display: none;}
		#news .li.on p{ display: block;}
			#news .li time{ color: #ccc; font-size: 14px; font-weight: normal; float: right;}
	#news a.more{ display: block; margin:12px auto 0; padding: 0 20px; text-align: center;}
#customers:after{ content: "."; display: block; height: 0; overflow: hidden; clear: both;}
#customers li{ display: block; float: left; width: 25%; margin: 6px 0;}
	#customers a{display: table; width: 95%; padding: 11px; margin: auto; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; }
		#customers a:hover{ color: #f60;}
		#customers a:hover img{ border-color: #f60;}
		#customers img{ width: 60px; height: 60px; margin-right: 6px; border-radius: 50%; border:2px solid #eee; vertical-align: middle;}
		#customers h4{ height: 60px;  display: table-cell; vertical-align: middle; font-size: 14px; text-align: left; width: 100%; }
/*其他页面*/
.loc{ background:#41936c; color: #b0ffda;padding: 5px 0; z-index: 999; width: 100%; box-shadow: 0 0 10px rgba(30,30,30,.6);}
	.loc a{ color: #b0ffda;}
	.loc .now{ color: #fff;}
aside.lft{ width: 300px; }
	aside.lft h2{ font-size: 24px; font-weight: normal; height: 50px; line-height: 50px;}
	aside.lft li{ padding: 10px;  line-height: 1.2em; font-size: 14px;border-bottom: 1px dashed #ddd;background: #fff;}
		aside.lft li div{ display: none;}
		aside.lft li.on div{ display: block;}
		aside.lft li a{ display: block;overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
		aside.lft li img{ display: block; max-width: 100%}
	aside.lft .category{ margin-bottom: 20px;}
		aside.lft .category li{ background: none;transition:all 0.3s ease;}
		aside.lft .category li:hover{ background: #fff; text-indent: 1em;transition:all 0.3s ease;}
		aside.lft .category li:hover a{ color: #5ba783; font-weight: bold;}
	aside.lft .part{ margin-bottom: 30px;}
		aside.lft .part h3{ font-size: 16px; background: url(../images/titBg.jpg); height: 43px; line-height: 43px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
article.rgt,section.rgt{ width: 870px; }
	article.rgt .content,.picShow,.nlist{ background: #fff; padding: 20px; border: 1px solid #eee;}
	article.rgt h1,section.rgt h1{ color: #5ba783; font-size: 30px; font-weight: normal; line-height: 1.3em; padding: 10px 0; margin-bottom: 20px; }
	article.rgt p{ text-indent: 2em;}
	article.rgt img{ display: block;margin: 12px auto; max-width: 100%;}
	article .link{ margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px}
		article .link a:hover{ color: #5ba783;}
.grid{ display: block;width: 268px; border: 1px solid #eee; margin: 10px; background: #fff; overflow: hidden;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease; transition:all 0.5s ease;}
	.grid:hover{ background: #5ba783; border-color: #5ba783; box-shadow: 0 0 10px rgba(90,165,130,.5);-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease; transition:all 0.5s ease;}
	.grid img{ width: 268px; display: block;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
	.grid:hover img{ opacity: 0.95; -ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
	.grid h3{ font-weight: normal; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding: 0 10px;}
	.grid:hover h3{ color: #fff;}
	.sence .grid,.plist .grid{ float: left;}
		.sence .grid img{ height: 175px;}
		.plist .grid img{ height: 268px;}
.picShow .pic{ position: relative;}
	.picShow .pic img{ display: block; margin: auto; max-width: 100%;}
	.picShow .pic .fa{ position: absolute; top: 0; width: 50%; height: 100%;}
		.picShow .pic .fa:hover{ background-color: rgba(255,255,255,.3);}
		.picShow .pic .left{ left: 0; background:url(../images/arr_03.png) left center no-repeat;}
		.picShow .pic .right{ right: 0;  background:url(../images/arr_05.png) right center no-repeat;}
.zoomPic{width:380px; padding: 9px; background: #fff; border: 1px solid #eee; position: relative;}
	.zoomPic .midPic{ width: 380px; height: 380px;overflow: hidden; text-align: center;}
	.zoomPic .midPic img{ max-width: 380px; max-height: 380px; display: inline-block;vertical-align: middle; }
.picScroll-left{ width: 340px; margin: 0 auto; border-top: 1px solid #eee; padding-top: 10px;}
	.picScroll-left .hd{position: absolute; left: 0; top: 380px; width:400px;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ cursor: pointer; display:block;  width:20px; height:20px; text-align: center; float: left; font-size: 24px; margin-top: 30px;}
		.picScroll-left .hd .next{ float: right; }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ cursor: pointer; margin:0 2px; border: 2px solid #fff; width: 60px; height: 60px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li:hover{border-color: #5ba783;}
		.picScroll-left .bd ul li.on{ border-color: #d99d34;}
		.picScroll-left .bd ul li img{ width: 60px; height: 60px; display:block;}
div.zoomDiv{z-index:99;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #eee;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.pShow .info{ width: 430px;}
	.pShow .info li{ padding: 10px 20px; border-bottom: 1px dotted #eee; background: #fff;}
	.pShow .info li:hover,.pShow .info li.on{ background: #5ba783; color: #fff;}
		.pShow .info li:hover a{ color: #fff;}
	.pShow .info li span{ color: #ccc;}
	.pShow .info li a{ color: #5ba783; text-decoration: underline;}
	.pShow .info li a:hover{ text-decoration: none;}
	.pShow h1{ margin-top: 30px;}
	.pShow .abt{ margin-top: 10px;}
.abt h3{ padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; color: #5ba783;}
.abt .picScroll-left{ width:100%; margin: 0 auto; border: 0; padding-top: 10px;}
	.abt .picScroll-left .hd{position: static; float: right; width:45px; height: 30px; overflow: hidden; margin-top: -50px;}
		.abt .picScroll-left .hd .prev,.abt .picScroll-left .hd .next{ background: #ccc; color: #fff;font-size: 20px; line-height: 20px; margin-top: 0;}
		.abt .picScroll-left .hd .fa:hover{ background:#5ba783;}
		.abt .picScroll-left .bd ul li{ display: block; border: 1px solid #eee; width: 160px; height: 190px;margin:0 6px; }
		.abt .picScroll-left .bd ul li img{ width: 160px; height: 160px; display:block;}
		.abt .picScroll-left ul li h4{ height: 30px; line-height: 30px; font-weight: normal; background: rgba(90,165,130,0.2);}
		.picScroll-left .bd ul li.on h4,.picScroll-left .bd ul li.on:hover h4{ background: #d99d34; color: #fff;}
		.picScroll-left .bd ul li:hover h4{ background: #5ba783; color: #fff;}
.nlist li{height: 40px; line-height: 40px; border-bottom: 1px dotted #eee;}
	.nlist li a{ display: block; float: left; width: 700px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
		.nlist li a:hover{ color: #5ba783;}
	.nlist li time{ float: right; color: #ccc;}
.contact .fst{ padding: 20px; background: #fff; border: 1px solid #eee; font-size: 16px; margin-bottom: 20px;}
	.contact .fst span{ color: #ccc; display: inline-block; margin: 0 10px;}
	.contact .part{ width: 33.33%; height: 300px; overflow: hidden; float: left; text-align: center;}
	.contact .part h3{ font-size: 16px; font-weight: normal; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
	.contact .part img{ border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
	.contact .part ul{ width: 70%; margin: auto;}
	.contact .part li{ border-bottom: 1px solid #eee; padding: 5px 0; text-align: left;}
		.contact .part li span{ color: #ccc;}
	form.gb .txt{ width: 251px;}
	form.gb textarea{ width: 820px;}
	form.gb .btn{ background: #5ba783;}
	form.gb .btn:hover{ background: rgba(90,165,130,.8);}
.search li{ display: block; width: 25%; height: 225px; overflow: hidden; padding: 10px; box-sizing:border-box; float: left; margin-bottom: 20px;}
	.search li img{ width: 100%; height: 195px; display: block;}
	.search li.n a{ display: block; height: 100%; background: #eee; padding: 10px;}
	.search li.n time{ color: #999;}
	.search li.n a:hover{ background: #333; color: #fff;}
#map{ height: 400px;}
@media screen and (max-width: 1200px){
	#ads .slideBox .hd ul{ width: 1000px;}
	nav .lft{ font-size: 16px; width: 460px;}
	nav .rgt{ width: 540px;}
	.nav .m{ width: auto; min-width: 80px;}
		.nav .sub{ min-width: 200px;}
	nav input{ width: 130px;}
	.nav .many{ width: 792px; }
	.nav .many a{ width: 112px;}
	.hp-tab-newprd .j-sw-c li{ width: 215px; height: 245px;}
	.hp-tab-newprd .j-sw-c li img{ width: 215px; height: 215px;}
	#news .list{ width: 600px;}
	article.rgt, section.rgt{ width: 730px; overflow: hidden;}
	aside.lft{ width: 240px;}
	.contact .fst,.form_header{ font-size: 14px;}
	.contact .fst span{ margin: 0 5px;}
	form.gb .txt{ width: 204px;}
	form.gb textarea{ width: 675px;}
	.nlist li a{ width: 590px;}
	.sence .grid, .plist .grid{ width: 220px;}
	.plist .grid img{ width: 220px; height: 220px;}
	.pShow .info{ width: 400px;}
	.abt .picScroll-left .hd{ padding-right: 50px;}
	.abt .picScroll-left .bd ul li{ width: 170px; height: 200px;}
	.abt .picScroll-left .bd ul li img{ width: 170px; height: 170px;}
	.zoomPic{ width: 300px;}
	.zoomPic .midPic{ width: 300px; height: 300px;}
	.zoomPic .midPic img{ width: 300px; height: 300px;}
	.picScroll-left{ width: 280px; overflow: hidden;}
	.picScroll-left .bd ul li{ margin: 0 3px;}
	.picScroll-left .hd{ top: 310px; width: 320px;}
	section.honor{ width: 640px;}
	.search li{ height: 190px;}
	.search li img{ height: 160px;}
}